body {
  ul {
    li {
      float: left;
    }
  }
  background-color: #F5F5F5;
  .ugo_product {
    //顶部 导航栏
    
    .ugo_product_top {
      width: 100%;
      height: 32px;
      border-bottom:1px solid #F5F5F5;
      background-color: #fff;

      ul {
        li {
          line-height: 32px;
          a {
            margin: 0 10px;
            color:#666;
          }
          span {
            font:400 12px/32px "宋体";
          }
        }
      }
    }

    // 产品详情
    .ugo_product_main {
      width: 100%;
      background-color: #fff;
      >.left {
        
        height: 506px;
        margin-left: 20px;

        .top {
          margin-top: 18px;
          width: 258px;
          height: 348px;
          border:1px solid #eee;
          position: relative;

          img {
            width: 45%;
            height: 90%;
            margin:18px auto;
            display: block;
          }
          //黄色区域
          .mask {
            width: 175px;
            height: 175px;
            background: rgba(255, 255, 0, 0.4);
            position: absolute;
            top: 0px;
            left: 0px;
            cursor: move;
            display: none;
          }

        }
        //放大镜 放大区域
        .big {
          width: 296px;
          height:400px;
          position: absolute;
          top: 232px;
          left: 475px;
          border: 1px solid #ccc;
          overflow: hidden;
          display: none;
          background-color: #fff;

          img {
            position: absolute;
            margin:0 90px;
          }
        }

        .bottom {

          width: 258px;
          height: 60px;
          margin-top: 10px;

          #ugo_product_banner_left,
          #ugo_product_banner_right {
            width: 22px;
            height: 58px;
            font:400 36px/58px "宋体";
            color:#DDD;
            text-align: center;
            border: 1px solid #eee;
            cursor:pointer;
          }

          #banner_ul_border {
            width: 206px;
            height: 60px;
            overflow: hidden;
            margin:0 2px;

            ul {
              width: 200%;
              height: 60px;

              li {
                width: 42px;
                height: 58px;
                border: 1px solid #eee;
                margin: 0 12px;
                img {
                  width: 50%;
                  height: 90%;
                  margin:3px auto;
                  display: block;

                }
              }
            }
          }
        }

        // 左 边
      }
      >.right {
        width: 70%;
        height: 506px;
        //border: 1px solid red;
        // 右边 标题
        h2 {
          margin: 18px 10px;
        }

        .sale {
          width: 680px;
          height: 145px;
          background-color: #f5f5f5;
          line-height: 24px;
          color:#666;
          padding-top: 10px;


          >.left {
            width: 67px;
            height: 100%;
            text-align: center;

            :nth-child(1) {
              span {
                background-color: #A90000;
                padding:2px;
                color:#fff;
              }

            }
            :nth-child(3) {
              line-height: 36px;
            }
          }
          >.right {
            width: 594px;
            height: 100%;
            :nth-child(1) {
              .qulingquan {
                display: inline-block;
                float: right;
                color:#A90000;
                margin:0 20px;
              }
              s {
                display: inline-block;
                width: 16px;
                height: 16px;
                border-radius: 8px;
                float: right;
                background-color: #A90000;
                font:400 16px/16px "宋体";
                color:#fff;
                text-align: center;
                margin: 5px;

              }
            }
            >:nth-child(2) {
              color:#000;
              text-decoration: line-through;
            }
            :nth-child(3) {

              :nth-child(1) {
                color:#A90000;
                font-size:16px;

              }
              :nth-child(2) {
                color:#A90000;
                font-size: 24px;
                line-height: 36px;
              }
              :nth-child(3) {
                margin-left: 20px;
                background-color: #E93131;
                color:#fff;
                padding: 2px;
              }

            }
            :nth-child(4) {
              //width: 100%;
              //height: 1px;
              border:1px dashed #AAAAAA;
              margin: 5px auto;
            }
            :nth-child(5) {
              span {
                color: #A90000;
              }
            }
          }
        }
        //两个p标题
        >p {
          line-height: 32px;

          span {
            margin-left:20px;

          }
          :nth-child(2) {
            color:#A90000;
          }
          .sale_p_span1 {
            margin:0 20px;
          }
        }
        // 第一个p标题
        .sale_p1 {
          margin-top: 10px;
        }

        // 月销量
        .sale_data {
          width: 680px;
          height: 49px;
          border-top:1px dashed #AAA;
          border-bottom:1px dashed #AAA;
          margin:10px 0;

          .left,.center,.right {
            width: 33%;
            text-align: center;
            line-height: 18px;
            border-left: 1px dashed #666;
            margin-top:15px;
            span {
              color:#A90000;
              margin:0 5px;
            }
          }
          .left {
            border: none;
          }

        }

        .sale_num {
          width: 100%;
          height: 80px;
          >.left {
            width: 110px;
            height: 80px;
            line-height: 40px;
            text-align: left;
            padding-left: 20px;
          }
          >.right {
  width: 100px;
  margin-left: 10px;
  >span {
      width: 58px;
      height: 18px;
      display: inline-block;
      border: 1px solid #A90000;
      line-height: 18px;
      margin-top:10px;
      color:black;
      //font-size:10px;
      text-align: center;
  }
  .add-del {
    width: 100px;
    height: 18px;

    margin-top:22px;
    position: relative;
    .add_button {
      width: 75%;
      height: 18px;
      border:1px solid #666;
      button {
        width: 33%;
        height: 100%;
        border: none;
        font:400 16px/18px "宋体";
        cursor: pointer;
      }
      span {
         display: inline-block;
         float: left;
         width: 31%;
         height: 100%;
         border-left:1px solid #666 ;
         border-right:1px solid #666 ;
         text-align: center;
         line-height: 18px;
         color:black;
       }
      
    }

    .one_jian {
      width: 23%;
      height: 100%;
      text-align: center;
      font:400 12px/18px "Microsoft yahei";
    }
  }
}



        }
      // 购买 和加入购物车 俩按钮
        .buy_button {
          width:100%;
          height: 85px;
          //border:1px solid red;

          button {
            width: 158px;
            height: 38px;
            border:1px solid #A90000;
            margin:20px;
            background-color: #fff;
            color:#A90000;
            font-size:22px;

          }
          :hover {
            background-color: #A90000;
            color:#fff;
            transition: all .5s;
          }
        }
      }
    }

    // 猜您喜欢
    .guess_youLike {
      width: 100%;
      height: 300px;
      margin-top: 30px;
      background-color: #fff;
      padding: 20px 20px 0 20px;
      box-sizing: border-box;

      h2 {
        >:nth-child(2) {
          s {
            margin-right: 5px;
          }
        }
      }
      div {
        width: 191.6px;
        height: 262px;
        //border:1px solid red;
        float: left;
        img {
          margin:14px 50px;
        }
        p {
          margin-bottom: 8px;

        }
        :nth-child(2) {
          text-align: center;
        }
        :nth-child(3) {
          color:#A90000;
          margin-left: 12px;
          font-size: 14px;
          span {
            font-size: 18px;
          }
        }
      }
    }

    // 商品详情 评价
    .judgement {
      background-color: #fff;
      width: 100%;
      height: 10477px;
      //border: 1px solid #000;
      margin-top: 30px;
      position: relative;
      text-align: center;

      .top {
        width: 100%;
        height: 60px;
        background-color: #000;

        span {
          display: inline-block;
          width: 120px;
          height: 50px;
          //background-color: #fff;
          font-size: 16px;
          color:#fff;
          float: left;
          margin: 10px 0 0 10px;
          line-height: 50px;

        }
        :hover {
          background-color: #fff;
          color:#A90000;
          transition:all .5s;
        }
      }
      
      //商品详情
      .details {
        .main_title {
          width: 100%;
          height: 90px;
          //border: 1px solid red;
          position: relative;

          .border {
            width: 100%;
            height: 0;
            border:1px solid #000;
            margin:44px 0;
          }
          .text {
            width: 400px;
            height: 50px;
            background-color: #000;
            margin:20px auto;
            font-size: 16px;
            color:#fff;
            position: absolute;
            top:0px;
            left:300px;
            line-height:50px;
          }
        }
        img {

          margin-right: 700px;
        }
      }

       //商品评价
      .advise {

      }

    }
  }
}

